<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <title>我要地图</title>
    <link rel="stylesheet" href="jquery_mobile/jquery.mobile.min.css">
    <script src="jquery_mobile/jquery-2.1.4.min.js"></script>
    <script src="jquery_mobile/jquery.mobile.min.js"></script>
    <script src="http://api.map.baidu.com/api?v=2.0&ak=y7I42kWI1lRqTPmv2l5SOBU8"></script>   
    <script src="js/index.js"></script>
        <style type="text/css">
            html {
                height: 100%
            }

            body {
                height: 100%;
                margin: 0px;
                padding: 0px
            }

            #homePage {
                height: 95%
            }

            #homeContent {
                height: 95%
            }

            #map {
                height: 95%
            }

            .lock-screen {
                height: 100%;
                overflow: hidden;
                width: 100%;
                position: fixed;
            }

        </style>
</head>
<body>
<div data-role="page" id="homePage" data-theme="a">
    <div data-role="header" data-position="fixed" data-tap-toggle="false">
        <h1 id="title">我要地图</h1>
        <a id="getlocation" href="#" data-role="button" data-icon="star" class="ui-btn-right" data-theme="b">定位</a>
        <!--<button style="font-size:23px;" onclick="getCurrentPosition();">获取位置信息</button>-->
    </div>
    <div data-role="content" id="homeContent">
        <a id="focusAnchor" style="display: none"></a>
        <input type="search" name="search" id="positionSearch" data-mini="true" value=""/>
        <div id="results" style="font-size:13px;margin-top:10px;"></div>
        <div id="map" tabindex="0"></div>
    </div>
	<div data-role="footer" data-position="fixed" data-tap-toggle="false">
        <div data-role="navbar" data-grid="c">
            <ul>
				<li><a href="#" class="ui-btn-active", data-ajax="false">首页</a></li>                
                <li><a href="busLineMap.html" rel="external" data-ajax="false">公交线路查询及地图显示</a></li>
                <li><a href="busLineList.html" rel="external" data-ajax="false">公交线路查询及列表列表</a></li>
				<li><a href="busStationMap.html" rel="external" data-ajax="false">公交站点查询及地图显示</a></li>
                <li><a href="busStationList.html" rel="external" data-ajax="false">公交站点查询及列表列表</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
